<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8">
		<title>焊客e家-发布需求-人才招聘</title>
		<link rel="stylesheet" href="css/reset.css">
		<link rel="stylesheet" href="css/common.css">
		 <link rel="stylesheet" type="text/css" href="jquery-easyui-1.5.1/themes/default/easyui.css">
		<link rel="stylesheet" href="css/htools.select.skin.css">
		<link rel="stylesheet" href="css/wangEditor.min.css">
		<link rel="stylesheet" href="css/hk_issue.css">
		<link rel="stylesheet" href="css/popup.css">
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=FXsxbAiLiq2gQTcksTOKG9BjT6rweVGK"></script>
	</head>

	<body>
		<div class="header innerHead">
			<div class="top" style="display: block;">
				<div class="main ovw">
					<p class="fl login">
						<span>欢迎来到焊客e家，</span>
						<a href="#" class="person">张三<span>（3）</span></a><i class="line"></i>
						<a href="#">退出</a>
					</p>

					<p class="fr help">
						<a href="#">帮助中心</a>
						<i class="line"></i>
						<img src="images/phone_icon.png" alt="">
						<span>400-888-888</span>
					</p>
				</div>
			</div>

			<div class="main nav innerNav">
				<div class="fl logo"><img src="images/zndj1.png" alt=""></div>
				<div class="fr search">
					<ul class="navigation_bar" style="margin-top:20px;">
						<li>所在位置 : </li>
						<li>
							<a href="index.html">首页</a><img src="images/arrow_right.png" alt=""></li>
						<li>
							<a href="hk_zndj.html">智能对接</a><img src="images/arrow_right.png" alt=""></li>
						<li class="current">
							<a href="">发布对接</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!--  -->
		<div class="wrapper ovw">
			<div class="content wrapLeft">
				<h3>发布对接需求，精准快速匹配</h3>
				<ul class="step">
					<li>1.选择分类</li>
					<li class="mar active">2.填写信息 <span>(招聘发布)</span></li>
					<li class="end">3.需求完成</li>
				</ul>

				<div class="wrapContent ovw">
					<!--基本信息-->
					<div class="infoList ovw">
						<ul class="infoUl">
							<li class="centerList" style="height:112px">
								<h4 class="text_title">请填写招聘信息</h4>
								<div class="category fl  wid351">
									<span>招聘岗位</span>
									<div class="category fl  wid351">
										<select id="type" class="width_">
											<option value="">员工</option>
											<option value="">经理</option>
										</select>
									</div>
								</div>
								<div class="category fr wid351 height76">
									<span>招聘薪资</span>
									<div class="category fl  wid351">
										<select id="pay"  class="width_">
											<option value="">2000-3000</option>
											<option value="">3500</option>
											<option value="">4000</option>
											<option value="">5000</option>
											<option value="">6000</option>
											<option value="">10000-15000</option>
										</select>
									</div>
								</div>
							</li>
							
							<li class="centerList height76">

								<div class="category fl  wid351">
									<span>工作经验</span>
									<div class="category fl  wid351">
										<select id="experience"  class="width_">
											<option value="">3年</option>
											<option value="">5年</option>
										</select>
									</div>
								</div>
								<div class="category fr wid351 height76">
									<span>工作性质</span>
									<div class="category fl  wid351">
										<select id="nature"  class="width_">
											<option value="">双休</option>
											<option value="">单休</option>
										</select>
									</div>
								</div>
							</li>
							<li class="centerList height76">
								<div class="category fl wid351 height76">
									<span>招聘人数</span>
									<input type="number" name="inputList" id="name" value="" min="1" placeholder="1" class="wid351" />
								</div>
								<div class="category fr  wid351">
									<span>最高学历</span>
									<div class="category fl  wid351">
										<select id="xl"  class="width_">
											<option value="">高中</option>
											<option value="">大专</option>
											<option value="">本科</option>
										</select>
									</div>
								</div>
								
							</li>
							<li class="centerList height76">
								<div class="category  wid351 height76">
									<span>截止时间</span>
									<div class="easyui-panel">
										<div>
											<input class="easyui-datebox" data-options="formatter:myformatter,parser:myparser">
										</div>
									</div>
								</div>
							</li>

							<li class="centerList  place height76" >
								<span class="jy_site">工作地点</span>
								<div class="category fl">
									<select id="province" class="width_1">
										<option value="">- 请选择省份 -</option>
										<option value="">- 安徽 -</option>
									</select>

								</div>
								<div class="category fl">
									<select id="city" class="width_1">
										<option value="">- 请选择城市 -</option>
										<option value="">- 合肥 -</option>
									</select>
								</div>
								<div class="category fl ">
									<select id="area" class="fr width_1">
										<option value="">- 请选择区域 -</option>
										<option value="">- 蜀山区 -</option>
									</select>

								</div>
							</li>
							<li class="ovw">
								<span class="jy_site">职位描述</span>
								<div class="category  textareaList" id="wordCount">
									
									<textarea class="text_box" maxlength="800" name="textarea" placeholder="简述一下岗位职责和工作业绩，可使用人单位对你更多了解！"></textarea>
									<i><b class="word text_length">800</b>/800</i>
								</div>
							</li>

							<li class="ovw company_info_box">
								<h4>公司信息</h4>
								<div class="default_site">
									<span class="com_name">上海市阿里巴巴科技股份有限公司</span>
									<span class="user_name">马云</span>
									<i class="line"></i>
									<span class="phone_num">13356401234</span>
									<span class="default">默认信息</span>
								</div>
								<ul class="company_site_list">
									<li>
										<span class="com_name">上海市阿里巴巴科技股份有限公司</span>
										<span class="user_name">马云</span>
										<i class="line"></i>
										<span class="phone_num">13356401234</span>
										<div class="fr rt_icon">
											<span><img src="images/site_compile.png" alt=""></span>
											<i class="line"></i>
											<span class="delete_site"><img src="images/site_delete.png" alt=""></span>
										</div>
									</li>
									<li class="bor_none">
										<span class="com_name">深圳腾讯科技股份有限公司</span>
										<span class="user_name">马化腾</span>
										<i class="line"></i>
										<span class="phone_num">13356401234</span>
										<div class="fr rt_icon">
											<span><img src="images/site_compile.png" alt=""></span>
											<i class="line"></i>
											<span class="delete_site"><img src="images/site_delete.png" alt=""></span>
										</div>
									</li>
								</ul>
								<p class="add_site">暂无可选信息，添加新信息</p>
							</li>
							<li><a href="hk_zndj_resume_publish.html" class="submit_btn" href="">提交</a></li>
						</ul>
					</div>
				</div>

			</div>
		

		</div>
		<!--底部-->
		<div class="footer">
			<div class="main footer_content ovw">
				<div class="fl contact">
					<div class="fl img_box"><img src="images/service.png" alt=""></div>
					<div class="fl text">
						<p class="label">联系我们</p>
						<p class="phone_number">400-8208-820</p>
						<p class="work_time">工作时间（工作日）9:00 - 18:00</p>
					</div>
				</div>
				<dl>
					<dt><a href="">友情链接</a></dt>
					<dd>
						<a href="">阿里巴巴</a>
					</dd>
					<dd>
						<a href="">新浪微博</a>
					</dd>
					<dd>
						<a href="">腾讯微博</a>
					</dd>
					<dd>
						<a href="">百度论坛</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">服务</a></dt>
					<dd>
						<a href="">智能对接</a>
					</dd>
					<dd>
						<a href="">焊客圈</a>
					</dd>
					<dd>
						<a href="">焊客圈众创</a>
					</dd>
				</dl>
				<dl>
					<dt><a href="">帮助中心</a></dt>
					<dd>
						<a href="">如何发布对接</a>
					</dd>
					<dd>
						<a href="">如何成为供应商</a>
					</dd>
					<dd>
						<a href="">如何成为技术专家</a>
					</dd>
					<dd>
						<a href="">如何发表众创</a>
					</dd>
				</dl>
				<div class="fr download">
					<p class="title">移动端下载</p>
					<div class="fl code_box">
						<img src="images/code_a.png" alt="">
						<p>IOS下载</p>
					</div>
					<div class="fl code_box">
						<img src="images/code_b.png" alt="">
						<p>安卓下载</p>
					</div>
				</div>
			</div>
			<p class="footer_text">Copyright@ 沪ICP备2015234568号 - 2015 沪公安网备案 201520150201502015088888888号</p>
		</div>

		<!--弹窗-->
		<div class="shandow">

			<div class="popup invitation ">
				<div class="top ovw">
					<h3>添加公司信息</h3>

					<i class="close_shandow"><img src="images/close_img.png"/></i>
				</div>
				<div class="center ovw">
					<ul class="ovw">
						<li class="centerList">
							<span>公司名称</span>
							<input type="text" name="" id="" value="" placeholder="请输入公司全称" class="headings" />
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>公司行业</span>
								<select id="industry" class="pop_sele_width">
									<option value="">请选择</option>
									<option value="">计算机</option>
									<option value="">房地产</option>
								</select>
							</div>
							<div class="category fr">
								<span>公司性质</span>
								<select id="nature1" class="pop_sele_width">
									<option value="">请选择</option>
								</select>
							</div>
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>联系人</span>
								<input type="text" name="" id="" value="" class="contact_person inputList" placeholder="请输入联系人" />
							</div>
							<div class="category fr">
								<span>公司规模</span>
								<select id="scale" class="pop_sele_width">
									<option value="">请选择</option>
								</select>
							</div>
						</li>
						<li class=" height83 centerList">
							<div class="category fl">
								<span>招聘邮箱</span>
								<input type="text" name="" id="" value="" class=" inputList" />
							</div>
							<div class="category fr">
								<span>招聘电话</span>
								<input type="text" name="" id="" value="" class=" inputList" />
							</div>
						</li>
						<!--公司福利-->
						<li class="centerList">
							<span class="areaSpan">公司福利</span>
							<ul class="ovw welfare">
								<li class="active">五险一金</li>
								<li class="active">包吃</li>
								<li class="active">包住</li>
								<li class="active">周末双休</li>
								<li>年底双薪</li>
								<li>加班补助</li>
								<li>交补</li>
								<li>房补</li>

							</ul>
							<div class="addTip ovw">
								<input type="text" id="" value="" placeholder="请输入要添加的福利" />
								<p>添加福利</p>
							</div>
						</li>
						<!--公司地址-->
						<li class="centerList height83 place">
							<span class="areaSpan">公司地址</span>
							<div class="category fl" style="margin-right:10px">
								<select class="select_city mar_l" id="province1">
									<option value="">- 请选择省份 -</option>
									<option value="">- 安徽 -</option>
								</select>

							</div>
							<div class="category fl" style="margin-right:10px">
								<select class="select_city" id="city1">
									<option value="">- 请选择城市 -</option>
									<option value="">- 合肥 -</option>
								</select>
							</div>
							<div class="category fl">
								<select class="select_city" id="area1" class="fr">
									<option value="">- 请选择区域 -</option>
									<option value="">- 蜀山区 -</option>
								</select>

							</div>

						</li>
						<li class="centerList ">
							<input type="text" name="" id="" value="" class=" address" placeholder="请输入详细地址" />
							<div class="map" id="map" style="margin-top:5px"></div>
						</li>
						<li class="centerList textareaList" id="wordCount">
							<span>公司简介</span>
							<div class="ovw textArea">
								<textarea name="" rows="" cols="" maxlength="800" placeholder="请简单介绍您的公司信息，让求职者了解您的公司，提高招聘效率，如：公司的主要业务、经营范围、公司规模、公司性质、成立时间。不能填写电话、QQ、微信等联系方式及特殊符号、性别歧视等内容。"></textarea>
							</div>
							<i><b class="word text_length_1">800</b>/800</i>
						</li>

					</ul>
					<p class="submit ovw">
						<a>提交留言</a>
					</p>
				</div>

			</div>

		</div>
		<script src="js/jquery.1.9.1.js"></script>
		<script src="js/common.js"></script>
		<script src="jquery-easyui-1.5.1/jquery.easyui.min.js"></script>
		<script src="js/jquery.htools.select.js"></script>
		<script type="text/javascript">
			$(function() {
				// 点击地址删除图标 , 删除当前这一条地址
				$(".delete_site").click(function(){
					$(this).parent().parent().remove();
				})
				//定义下拉框宽高			
				var $areaSelect2 = $(".width_");
				$areaSelect2.each(function(){
					$(this).goSelectInput({
						height: 40,
						width: 349
					});
				})

				//	工作地点
				var $areaSelect1 = $(".width_1");
				$areaSelect1.each(function(){
					$(this).goSelectInput({
						height: 40,
						width: 226
					});
				});
				//				工作地点样式
				$('.wrapper .wrapLeft  li.place ._htools-select').eq(2).css('margin-right', 0);

				$(".text_box").keyup(function(){
					var value = $(this).val().length;
					$(".text_length").text(800 - value);
				});

				// 设置日期初始值
				$("#_easyui_textbox_input1").attr("placeholder","2017-12-20");
			});
				// 日期
				function myformatter(date){
					var y = date.getFullYear();
					var m = date.getMonth()+1;
					var d = date.getDate();
					return y+'-'+(m<10?('0'+m):m)+'-'+(d<10?('0'+d):d);
				}
				function myparser(s){
					if (!s) return new Date();
					var ss = (s.split('-'));
					var y = parseInt(ss[0],10);
					var m = parseInt(ss[1],10);
					var d = parseInt(ss[2],10);
					if (!isNaN(y) && !isNaN(m) && !isNaN(d)){
						return new Date(y,m-1,d);
					} else {
						return new Date();
					}
				}
		</script>
	<script type="text/javascript">

		// 弹窗js
		$(function() {

			// 百度地图API功能
			var map = new BMap.Map("map");
			var point = new BMap.Point(121.315571, 31.202177);
			map.centerAndZoom(point, 15);

			//创建标注
			var pt = new BMap.Point(121.315571, 31.202177);
			var myIcon = new BMap.Icon("images/sign.png", new BMap.Size(40, 105));
			var marker2 = new BMap.Marker(pt, {
				icon: myIcon
			}); // 创建标注
			map.addOverlay(marker2); // 将标注添加到地图中
			map.enableScrollWheelZoom(true);
			

			// 设置弹窗中下拉框的宽高
			$(".pop_sele_width").each(function(){
				$(this).goSelectInput({
					height: 42,
					width: 320
				});
			})

			$(".select_city").each(function(){
				$(this).goSelectInput({
					height: 40,
					width: 211
				});
			})
			// 点击显示弹窗
			$(".add_site").click(function(){
				$(".shandow").show();
				$("body").css("overflowY","hidden");
			})
			// 点击关闭
			$(".close_shandow").click(function(){
				$(this).parents(".shandow").hide();
				$("body").css("overflowY","auto");
			})

			//				区 样式
			$('li.place ._htools-select').eq(2).css('margin-right', 0);
			//				添加福利
			$('.popup.invitation li div.addTip p').click(function() {
				var input_value = $('.popup.invitation li div.addTip input').val();
				if(input_value != '') {
					var input_html = '<li class="active">' + input_value + '</li>';
					$('.popup.invitation li ul').append(input_html);

				}
			});

			$(".popup.invitation li ul").on("click", "li", function() {
				$(this).toggleClass('active');
			});

			// 剩余字数
			$(".textArea textarea").keyup(function(){
				var value = $(this).val().length;
				$(".text_length_1").text(800 - value);
			});
		})
	</script>
	</body>

</html>